@media only screen and (max-width: 768px) {
  .header {
    padding: 0 1.10519rem;
    width: 100%;
    box-sizing: border-box;
    background: #ffffff;
  }

  .header.fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: none;
  }

  .header.fixed .wrap .nav-box .nav ul li a {
    color: #ffffff;
  }

  .header.theme {
    background: #ffffff;
  }

  .header.theme .wrap .nav-box .nav ul li a {
    color: #222;
  }

  .header .wrap {
    height: 3.92162rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .header .wrap .logo h1 a img {
    width: 11rem;
    height: 2.56688rem;
  }

  .header .wrap .nav-box {
    display: none;
  }

  .header .wrap .menu {
    display: block;
    width: 1.92516rem;
    height: 1.6756rem;
    background: url("../images/menu-icon.png") no-repeat center;
    background-size: cover;
  }

  .w1200 {
    width: 24.45668rem;
    margin: 0 auto;
  }

  .container .zybanner {
    width: 100%;
    height: 15.6865rem;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
  }

  .container .zybanner::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    background: #ffffff;
    border-radius: 1.49735rem 1.49735rem 0 0;
    height: 1.56865rem;
  }

  .container .zybanner.newsbanner {
    background-image: url("../images/news-banner-m.png");
    background-size: cover;
  }

  .container .zybanner.infobanner {
    background-image: url("../images/info-banner-m.png");
    background-size: cover;
  }

  .container .zybanner.aboutbanner {
    background-image: url("../images/about-banner-m.png");
    background-size: cover;
  }

  .container .zybanner.productbanner {
    background-image: url("../images/productbanner-m.png");
    background-size: cover;
  }

  .container .zybanner.contributionbanner {
    display: none;
  }

  .container .zybanner.detailbanner {
    background-image: url("../images/product-bg.png");
    background-size: cover;
    padding-top: 5.06246rem;
    box-sizing: border-box;
    /* position: relative; */
  }

  .container .zybanner.detailbanner .title {
    width: 100%;
    font-size: 1.99646rem;
    font-family: FZJZHH;
    font-weight: normal;
    /* color: #000; */
    text-align: center;
    position: absolute;
    /* bottom: -30px; */
  }

  .container .zybanner.detailbanner .title::before {
    content: "";
    display: inline-block;
    width: 2.35297rem;
    height: 0.0713rem;
    margin-right: 0.39216rem;
    background: url("../images/line-left.png") no-repeat center;
    background-size: cover;
    margin-bottom: 0.71302rem;
  }

  .container .zybanner.detailbanner .title::after {
    content: "";
    display: inline-block;
    width: 2.35297rem;
    height: 0.0713rem;
    margin-left: 0.39216rem;
    background: url("../images/line-right.png") no-repeat center;
    background-size: cover;
    margin-bottom: 0.71302rem;
  }

  .container .breadcrumb {
    display: none;
  }

  .container .news-list .item {
    display: flex;
    margin-bottom: 1.35474rem;
  }

  .container .news-list .item .photo {
    margin-right: 0.81998rem;
  }

  .container .news-list .item .photo a {
    width: 10.05362rem;
    height: 6.63111rem;
    border-radius: 0.53477rem;
    display: block;
  }

  .container .news-list .item .photo a img {
    width: 10.05362rem;
    height: 6.63111rem;
    border-radius: 0.53477rem;
  }

  .container .news-list .item .info {
    height: 6.63111rem;
    width: 13.58308rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .container .news-list .item .info .headline a {
    text-overflow: initial;
    overflow: hidden;
    white-space: initial;
    font-size: 0.99823rem;
    color: #191919;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 23;
    overflow: hidden;
    line-height: 1.6;
  }

  .container .news-list .item .info .dec {
    display: none;
  }

  .container .news-list .item .info .tagsandmore {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .container .news-list .item .info .tagsandmore .tags {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .container .news-list .item .info .tagsandmore .tags .tag {
    font-size: 0.71302rem;
    color: #b5b5b5;
    line-height: 0.96258rem;
    padding-left: 1.17649rem;
  }

  .container .news-list .item .info .tagsandmore .tags .tag.time {
    background: url("../images/time-icon.png") no-repeat left center;
    background-size: 0.85563rem auto;
    margin-right: 0;
  }

  .container .news-list .item .info .tagsandmore .tags .tag.link {
    background: url("../images/link-icon.png") no-repeat left center;
    background-size: 0.85563rem auto;
  }

  .container .news-list .item .info .tagsandmore .more a {
    display: none;
  }

  .container .detail-content {
    margin-top: 1.42605rem;
  }

  .container .detail-content .title {
    font-size: 1.21214rem;
    color: #333333;
    text-align: left;
    line-height: 1.6;
  }

  .container .detail-content .tags {
    display: flex;
    justify-content: flex-start;
    margin-top: 1.42605rem;
    margin-bottom: 1.78256rem;
  }

  .container .detail-content .tags .tag {
    font-size: 0.71302rem;
    color: #b5b5b5;
    line-height: 0.96258rem;
    padding-left: 1.17649rem;
  }

  .container .detail-content .tags .tag.time {
    background: url("../images/time-icon.png") no-repeat left center;
    background-size: 0.85563rem auto;
    margin-right: 1.06953rem;
  }

  .container .detail-content .tags .tag.link {
    background: url("../images/link-icon.png") no-repeat left center;
    background-size: 0.85563rem auto;
  }

  .container .detail-content .content {
    margin-bottom: 1.78256rem;
  }
  .container .detail-content .content div img {
    display: inline;
    width: 20px;
    height: 20px;
    vertical-align: inherit !important;
    position: relative;
    top: 2px;
  }

  .container .detail-content .content p span {
    font-size: 16px !important;
  }

  .container .detail-content .content p {
    font-size: 16px !important;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0.71302rem;
  }
  .container .detail-content .content p img {
    /* max-width: 100%; width: 100% !important;
    height: 100% !important;*/
    width: 100% ;
    height: 100%;
  }
  .container .detail-content .content p img[src*="jpg"] {
    /* max-width: 100%; width: 100% !important;
    height: 100% !important;*/
    width: 100% !important;
    height: 100% !important;;
  }
  .container .detail-content .content p img[src*="www"] {
    width: auto;
  }
  .container .info-title {
    font-size: 1.35474rem;
    font-weight: 800;
    color: #181818;
    position: relative;
    padding-bottom: 0.35651rem;
    margin-bottom: 2.49558rem;
    text-align: center;
  }

  .container .info-title::before {
    content: "";
    width: 1.06953rem;
    height: 0.21391rem;
    /* background: #ca0915; */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .container .info-title.moss {
    display: block;
  }

  .container .info-list {
    border-top: 1px solid #efefef;
    margin-top: 2.13907rem;
  }

  .container .info-list .item {
    display: block;
    padding: 1.06953rem 0;
    box-sizing: border-box;
    border-bottom: 1px solid #efefef;
  }

  .container .info-list .item .headline a {
    width: 24.45668rem;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.99823rem;
    color: #333333;
    position: relative;
    padding-left: 1.49735rem;
    box-sizing: border-box;
  }

  .container .info-list .item .headline a::before {
    position: absolute;
    content: "";
    width: 0.1426rem;
    height: 0.1426rem;
    left: 0.71302rem;
    top: 50%;
    transform: translateY(-50%);
    background: #ca0915;
  }

  .container .info-list .item .time {
    font-size: 0.71302rem;
    color: #999999;
    padding-left: 1.49735rem;
  }

  .container .info-list .item .download {
    margin-top: 0.53477rem;
  }

  .container .info-list .item .download a {
    font-size: 0.85563rem;
    color: #9d9d9d;
    line-height: 0.99823rem;
    padding-left: 1.42605rem;
    background: url("../images/download-icon.png") no-repeat left center;
    background-size: 1.14084rem auto;
  }

  .container .info-list .item .download a:hover {
    background: url("../images/download-icon_.png") no-repeat left center;
    background-size: 1.14084rem auto;
    color: #ca0915;
  }

  .container .magazine-list {
    display: flex;
    flex-wrap: wrap;
    width: 23.52975rem;
    margin: 0 auto;
  }

  .container .magazine-list .item {
    width: 10.90925rem;
    margin-right: 1.6756rem;
    margin-bottom: 1.42605rem;
  }

  .container .magazine-list .item:nth-child(5n) {
    margin-right: 1.6756rem;
  }

  .container .magazine-list .item:nth-child(2n) {
    margin-right: 0;
  }

  .container .magazine-list .item .headline a {
    font-size: 0.85563rem;
    color: #323232;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 10.90925rem;
    display: block;
    text-align: center;
  }

  .container .magazine-list .item .photo {
    margin-bottom: 1.24779rem;
  }

  .container .magazine-list .item .photo a {
    display: block;
    width: 10.90925rem;
    height: 14.47436rem;
    border-radius: 0.53477rem;
  }

  .container .magazine-list .item .photo a img {
    width: 10.90925rem;
    height: 14.47436rem;
    border-radius: 0.53477rem;
  }

  .container .honor-list {
    display: flex;
    flex-wrap: wrap;
    width: 23.52975rem;
    margin: 0 auto;
  }

  .container .honor-list .item {
    width: 11.12315rem;
    margin-right: 1.28344rem;
    margin-bottom: 1.42605rem;
  }

  .container .honor-list .item:nth-child(4n),
  .container .honor-list .item:nth-child(2n) {
    margin-right: 0;
  }

  .container .honor-list .item .headline a {
    font-size: 0.85563rem;
    color: #323232;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 11.12315rem;
    display: block;
    text-align: center;
  }

  .container .honor-list .item .photo {
    margin-bottom: 1.06953rem;
  }

  .container .honor-list .item .photo a {
    display: block;
    width: 11.12315rem;
    height: 8.12846rem;
  }

  .container .honor-list .item .photo a img {
    width: 11.12315rem;
    height: 8.12846rem;
    border-radius: 0.53477rem;
  }

  .container .report-list {
    display: flex;
    flex-wrap: wrap;
    width: 23.52975rem;
    margin: 0 auto;
  }

  .container .report-list .item {
    width: 10.90925rem;
    margin-right: 1.6756rem;
    margin-bottom: 1.42605rem;
  }

  .container .report-list .item:nth-child(5n) {
    margin-right: 1.6756rem;
  }

  .container .report-list .item:nth-child(2n) {
    margin-right: 0;
  }

  .container .report-list .item .headline a {
    font-size: 0.85563rem;
    color: #323232;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 10.90925rem;
    display: block;
    text-align: center;
  }

  .container .report-list .item .photo {
    margin-bottom: 1.24779rem;
  }

  .container .report-list .item .photo a {
    display: block;
    width: 10.90925rem;
    height: 14.47436rem;
    border-radius: 0.53477rem;
  }

  .container .report-list .item .photo a img {
    width: 10.90925rem;
    height: 14.47436rem;
    border-radius: 0.53477rem;
  }

  .container .about-content .title {
    font-size: 1.35474rem;
    font-weight: 800;
    color: #181818;
    position: relative;
    padding-bottom: 0.35651rem;
    margin-bottom: 2.49558rem;
    text-align: center;
  }

  .container .about-content .title::before {
    content: "";
    width: 1.06953rem;
    height: 0.21391rem;
    /* background: #ca0915; */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .container .about-content .title.moss {
    display: block;
  }

  .container .about-content .content {
    margin-bottom: 2.13907rem;
  }

  .container .about-content .content h2 {
    font-size: 1.06953rem;
    margin-bottom: 0.71302rem;
  }

  .container .about-content .content p {
    font-size: 16px;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0.71302rem;
  }

  .container .about-content .content p img {
    max-width: 100%;
  }

  .container .about-content .contactus .map {
    margin-bottom: 1.78256rem;
  }

  .container .about-content .contactus .map img {
    width: 24.45668rem;
    height: 14.68827rem;
  }

  .container .about-content .contactus .address h2 {
    font-size: 0.99823rem;
    font-weight: bold;
    color: #2c3036;
    margin-bottom: 1.6043rem;
  }

  .container .about-content .contactus .address .xss {
    margin-bottom: 3.56511rem;
  }

  .container .about-content .contactus .address .xss .item {
    font-size: 16px;
    color: #666666;
    line-height: 1.71125rem;
    padding-left: 1.96081rem;
  }

  .container .about-content .contactus .address .xss .item.icon01 {
    background: url("../images/contact-01.png") no-repeat left center;
    background-size: 1.06953rem auto;
  }

  .container .about-content .contactus .address .xss .item.icon02 {
    background: url("../images/contact-02.png") no-repeat left 0.35651rem;
    background-size: 1.06953rem auto;
  }

  .container .about-content .contactus .address .xss .item.icon03 {
    background: url("../images/contact-03.png") no-repeat left center;
    background-size: 1.06953rem auto;
  }

  .container .about-content .contactus .address .xss .item.icon04 {
    background: url("../images/contact-04.png") no-repeat left center;
    background-size: 1.06953rem auto;
  }

  .container .about-content .organization #tabs {
    margin-bottom: 2.85209rem;
    display: flex;
    justify-content: center;
    justify-content: space-between;
  }

  .container .about-content .organization #tabs li {
    margin-right: 0;
  }

  .container .about-content .organization #tabs li:nth-child(3n) {
    margin-right: 0;
  }

  .container .about-content .organization #tabs li a {
    display: block;
    width: 7.13023rem;
    height: 2.13907rem;
    background: #f4f4f4;
    border-radius: 1.06953rem;
    text-align: center;
    line-height: 2.13907rem;
    font-size: 0.85563rem;
    color: #898989;
  }

  .container .about-content .organization #tabs li#current a {
    color: #ffffff;
    background: #ca0915;
  }

  .container .about-content .organization #content .list {
    display: flex;
    flex-wrap: wrap;
  }

  .container .about-content .organization #content .list .item {
    width: 10.69534rem;
    margin-right: 3.066rem;
    margin-bottom: 2.85209rem;
  }

  .container .about-content .organization #content .list .item:nth-child(5n) {
    margin-right: 3.066rem;
  }

  .container .about-content .organization #content .list .item:nth-child(2n) {
    margin-right: 0;
  }

  .container .about-content .organization #content .list .item .avator {
    width: 10.69534rem;
    height: 10.69534rem;
    border-radius: 50%;
    position: relative;
    margin-bottom: 1.24779rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10.69534rem auto;
  }

  .container .about-content .organization #content .list .item .avator .works {
    position: absolute;
    bottom: -0.42781rem;
    left: 1.78256rem;
    width: 7.13023rem;
    height: 2.28167rem;
    background: #ca0915;
    border-radius: 1.14084rem;
    text-align: center;
    line-height: 2.28167rem;
    font-size: 0.92693rem;
    color: #ffffff;
  }

  .container .about-content .organization #content .list .item .name {
    font-size: 0.85563rem;
    font-weight: bold;
    color: #000000;
    margin-bottom: 0.71302rem;
    text-align: center;
  }

  .container .about-content .organization #content .list .item .dec {
    text-align: center;
    font-size: 0.85563rem;
    color: #868686;
    line-height: 1.28344rem;
    height: 2.67383rem;
  }

  .container .about-content .organization #content .box {
    margin-bottom: 2.49558rem;
  }

  .container .about-content .organization #content .box h3 {
    font-size: 0.99823rem;
    color: #161616;
    padding-bottom: 0.85563rem;
    position: relative;
    margin-bottom: 1.06953rem;
  }

  .container .about-content .organization #content .box h3::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0.71302rem;
    height: 0.1426rem;
    background: #ca0915;
  }

  .container .about-content .organization #content .box .decs {
    font-size: 0.85563rem;
    color: #585858;
    line-height: 1.6;
  }

  .container .about-content .organization #content .box ul li {
    font-size: 0.85563rem;
    color: #333333;
  }

  .container .about-content .organization #content .box ul li span {
    color: #999999;
  }

  .container .about-content .joinus .page1 {
    margin-bottom: 2.13907rem;
  }

  .container .about-content .joinus .page1 h2 {
    font-size: 0.99823rem;
    color: #161616;
    padding-bottom: 0.85563rem;
    position: relative;
    margin-bottom: 1.06953rem;
  }

  .container .about-content .joinus .page1 h2::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0.71302rem;
    height: 0.1426rem;
    background: #ca0915;
  }

  .container .about-content .joinus .page1 .box p {
    font-size: 0.85563rem;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0.71302rem;
  }

  .container .about-content .joinus .page2 h2 {
    font-size: 0.99823rem;
    color: #161616;
    padding-bottom: 0.85563rem;
    position: relative;
    margin-bottom: 1.06953rem;
  }

  .container .about-content .joinus .page2 h2::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0.71302rem;
    height: 0.1426rem;
    background: #ca0915;
  }

  .container .about-content .joinus .page2 .list .item {
    margin-bottom: 1.6043rem;
  }

  .container .about-content .joinus .page2 .list .item .workname {
    height: 2.85209rem;
    background: #f9f9f9;
    border-radius: 0.35651rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.06953rem;
    box-sizing: border-box;
    cursor: pointer;
  }

  .container .about-content .joinus .page2 .list .item .workname .name {
    font-size: 0.92693rem;
    color: #333333;
  }

  .container .about-content .joinus .page2 .list .item .workname .icon {
    width: 0.85563rem;
    height: 0.85563rem;
    background: url("../images/job-icon.png") no-repeat center;
    background-size: cover;
  }

  .container .about-content .joinus .page2 .list .item .workname .icon.jian {
    background: url("../images/job-icon_.png") no-repeat center;
    background-size: 0.85563rem auto;
  }

  .container .about-content .joinus .page2 .list .item .workcontent {
    display: none;
  }

  .container .about-content .joinus .page2 .list .item .workcontent h3 {
    margin-top: 1.42605rem;
    margin-bottom: 0.71302rem;
    font-size: 0.85563rem;
    font-weight: bold;
    color: #333333;
  }

  .container .about-content .joinus .page2 .list .item .workcontent ul li {
    font-size: 0.85563rem;
    color: #666666;
    line-height: 1.6;
    margin-bottom: 0.71302rem;
  }

  .container
    .about-content
    .joinus
    .page2
    .list
    .item
    .workcontent
    ul
    li::before {
    width: 0.21391rem;
    height: 0.21391rem;
    background: #f05a28;
    content: "";
    display: inline-block;
    margin-right: 0.85563rem;
    margin-bottom: 0.10695rem;
  }

  .container .product-list {
    display: flex;
    flex-wrap: wrap;
    width: 23.31584rem;
    /* display: none; */
  }

  .container .product-list .item {
    width: 11.26576rem;
    margin-right: 0.78432rem;
    margin-bottom: 1.42605rem;
  }

  .container .product-list .item:nth-child(4n),
  .container .product-list .item:nth-child(2n) {
    margin-right: 0;
  }

  .container .product-list .item .photo {
    margin-bottom: 0.71302rem;
  }

  .container .product-list .item .photo a img {
    width: 11.26576rem;
    height: 5.91809rem;
    border-radius: 0.53477rem;
  }

  .container .product-list .item .tit a {
    display: block;
    font-size: 0.85563rem;
    color: #191919;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  .container .welfare-list {
    display: block;
    flex-wrap: wrap;
  }

  .container .welfare-list .item {
    display: flex;
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 1.42605rem;
    justify-content: space-between;
    width: 23.03063rem;
  }

  .container .welfare-list .item:nth-child(2n) {
    margin-right: auto;
  }

  .container .welfare-list .item .photo {
    width: 9.62581rem;
  }

  .container .welfare-list .item .photo a img {
    width: 9.62581rem;
    height: 5.52593rem;
    border-radius: 0.53477rem;
  }

  .container .welfare-list .item .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 12.19269rem;
    height: 5.52593rem;
  }

  .container .welfare-list .item .info .headline a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 0.99823rem;
    color: #191919;
    line-height: 1.6;
  }

  .container .welfare-list .item .info .time {
    font-size: 0.71302rem;
    color: #b5b5b5;
  }

  .container .fund-list {
    margin-bottom: 1.78256rem;
  }

  .container .fund-list .box {
    width: 23.52975rem;
    margin: 0 auto;
    margin-bottom: 1.06953rem;
    background: #ffffff;
    box-shadow: 0px 0px 0.17826rem 0px rgba(0, 0, 0, 0.1);
    padding: 1.06953rem 0.71302rem;
    box-sizing: border-box;
    border-radius: 0.53477rem;
  }

  .container .fund-list .box h2 {
    font-size: 0.99823rem;
    color: #161616;
    padding-bottom: 0.64172rem;
    position: relative;
    margin-bottom: 1.06953rem;
  }

  .container .fund-list .box h2::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 0.85563rem;
    height: 0.1426rem;
    background: #ca0915;
  }

  .container .fund-list .box ul {
    display: flex;
    flex-wrap: wrap;
  }

  .container .fund-list .box ul li {
    margin-right: 0.71302rem;
    margin-bottom: 0.71302rem;
  }

  .container .fund-list .box ul li a {
    display: block;
    height: 2.06777rem;
    border: 1px solid #e7e7e7;
    border-radius: 0.53477rem;
    padding: 0 0.81998rem;
    box-sizing: border-box;
    font-size: 0.71302rem;
    color: #5f5f5f;
    line-height: 2.06777rem;
  }

  .container .fund-list .box ul li a:hover {
    border-color: #ca0915;
    color: #ca0915;
  }

  .container .contribution {
    width: 100%;
    background: url("../images/contribution-m-bg1.png") no-repeat center;
    background-size: cover;
    height: 73.48936rem;
    padding-top: 12.94136rem;
    box-sizing: border-box;
  }
  .container .contribution .organization {
    display: none;
  }
  .container .contribution .form {
    display: none;
  }

  .container .contribution .box-m {
    display: block;
  }

  .container .contribution .box-m .tit {
    text-align: center;
    margin-bottom: 1.42605rem;
  }

  .container .contribution .box-m .tit img {
    width: 16.75603rem;
    height: 2.13907rem;
  }

  .container .contribution .box-m .devs {
    width: 13.54743rem;
    height: 1.49735rem;
    border: 1px solid #ffffff;
    border-radius: 0.74867rem;
    padding: 0 0.74867rem;
    margin: 0 auto;
    font-size: 0.85563rem;
    font-family: Source Han Sans CN;
    color: #ffffff;
    text-align: center;
    margin-bottom: 1.96081rem;
  }

  .container .contribution .box-m .formboxm .swiper-mm .swiper-container {
    overflow: hidden;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide {
    width: 21.53328rem;
    opacity: 0.4;
    margin-left: 2.06777rem;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .photo {
    width: 21.53328rem;
    height: 22.38891rem;
    position: relative;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .photo
    img {
    width: 21.53328rem;
    height: 22.38891rem;
    border-radius: 2.45993rem;
    object-fit: cover;
    object-position: center;
    position: absolute;
    clip: rect(0px, 21.53328rem, 22.38891rem, 0px);
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .photo
    .name {
    text-align: center;
    font-size: 1.06953rem;
    font-weight: bold;
    color: #fff;
    display: none;
    position: absolute;
    padding-bottom: 0.53477rem;
    left: 1.71125rem;
    bottom: 1.92516rem;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide
    .photo
    .name::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 1.85386rem;
    height: 0.21391rem;
    background: #ca0915;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide.swiper-slide-active {
    width: 21.53328rem;
    opacity: 1;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .photo {
    margin-top: 0;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .photo
    img {
    width: 21.53328rem;
    height: 22.38891rem;
  }

  .container
    .contribution
    .box-m
    .formboxm
    .swiper-mm
    .swiper-container
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .name {
    display: block;
	color: #BC0311;
  }

  .container .contribution .box-m .formboxm .form-m {
    width: 22.89156rem;
    margin: 0 auto;
    margin-top: 1.78256rem;
  }

  .container .contribution .box-m .formboxm .form-m .item {
    position: relative;
  }

  .container .contribution .box-m .formboxm .form-m .chosemoney {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.6rem;
  }

  .container .contribution .box-m .formboxm .form-m .chosemoney .item.active {
    color: #ca0915;
    border-color: #ca0915;
  }

  .container .contribution .box-m .formboxm .form-m .chosemoney .item {
    width: 3.63465rem;
    height: 3.2799rem;
    background: #ffffff;
    border: 0.0713rem solid #d5d5d5;
    border-radius: 1.63995rem;
    font-size: 0.99823rem;
    color: #333333;
    text-align: center;
    line-height: 3.2799rem;
  }

  .container .contribution .box-m .formboxm .form-m .chosemoney .item.active {
    color: #ca0915;
    border-color: #ca0915;
  }

  .container .contribution .box-m .formboxm .form-m .othermoney {
    height: 3.2799rem;
    background: #ffffff;
    border: 0.0713rem solid #d5d5d5;
    border-radius: 1.63995rem;
    padding: 0 1.31909rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
  }

  .container .contribution .box-m .formboxm .form-m .othermoney input {
    width: 100%;
    font-size: 0.99823rem;
    color: #333333;
  }

  .container .contribution .box-m .formboxm .form-m .payway {
    height: 2.42428rem;
    background: #ffffff;
    border: 0.0713rem solid #d5d5d5;
    border-radius: 1.63995rem;
    padding: 0 1.31909rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    margin-bottom: 1.6rem;
  }

  .container .contribution .box-m .formboxm .form-m .payway select {
    font-size: 0.99823rem;
    color: #333333;
    width: 100%;
    border: none;
    background: none;
  }

  .container .contribution .box-m .formboxm .form-m .sbumit {
    width: 11.23011rem;
    margin: 0 auto;
    height: 3.2799rem;
    line-height: 3.2799rem;
    background: #ca0915;
    border-radius: 1.63995rem;
    text-align: center;
    font-size: 0.99823rem;
    font-weight: 500;
    color: #ffffff;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .container .product-detail .prduct-title {
    /* display: none; */
    font-size: 1.35474rem;
    color: #181818;
    padding-bottom: 0.35651rem;
    position: relative;
    /* text-align: left; */
    margin-bottom: 0rem;
    font-weight: 800;
    /* margin-left: 0.71302rem; */
  }

  .container .product-detail .prduct-title::before {
    position: absolute;
    left: 0;
    transform: none;
    content: "";
    bottom: 0;
    width: 1.06953rem;
    height: 0.21391rem;
    /* background: #ca0915; */
  }

  /* .container .product-detail .prduct-title::after {
    position: absolute;
    left: 1.28344rem;
    transform: none;
    content: "";
    bottom: 0;
    width: 0.28521rem;
    height: 0.21391rem;
    background: #ca0915;
  } */

  .container .product-detail .infobox {
    margin-bottom: 3.56511rem;
    position: relative;
    margin-top: 1.06953rem;
  }

  /* .container .product-detail .infobox .prduct-title {
    padding-top: 2.85209rem;
  } */

  .container .product-detail .infobox .boxq {
    display: block;
    justify-content: space-between;
    /* padding-top: 40px; */
  }

  .container .product-detail .infobox .boxq .dec {
    /* width: 20.67766rem; */
    background: #f5f5f5;
    border-radius: 0.71302rem;
    padding: 1.71125rem 1.42605rem 1.78256rem 1.24779rem;
    box-sizing: border-box;
    /* margin-top: 3.2086rem; */
  }

  .container .product-detail .infobox .boxq .dec p span {
    font-size: 16px !important;
  }

  .container .product-detail .infobox .boxq .dec p {
    font-size: 16px !important;
    color: #585858;
    line-height: 1.28344rem;
    margin-bottom: 0.35651rem;
  }

  .container .product-detail .infobox .boxq .photo {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
  }

  .container .product-detail .infobox .boxq .photo img {
    width: 14.2961rem;
    height: 10.73099rem;
    border-radius: 0.71302rem;
  }

  .container .product-detail .processbox {
    position: relative;
    width: 23.52975rem;
    margin-bottom: 2.85209rem;
  }

  .container .product-detail .processbox .process-list {
    position: relative;
  }

  .container .product-detail .processbox .process-list.height {
    height: 19.25161rem;
    overflow: hidden;
  }

  .container .product-detail .processbox .process-list::before {
    position: absolute;
    left: 4.8129rem;
    z-index: -2;
    content: "";
    height: 100%;
    width: 0.28521rem;
    background: #f2f4f8;
    top: 1.42605rem;
  }

  .container .product-detail .processbox .process-list::after {
    position: absolute;
    left: 4.8129rem;
    z-index: -1;
    content: "";
    width: 0.28521rem;
    background-color: #ffffff;
    bottom: -1.42605rem;
    height: 2.38863rem;
  }

  .container .product-detail .processbox .process-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.06953rem;
  }

  .container .product-detail .processbox .process-list .item .time .month {
    font-size: 1.21214rem;
    font-family: Berlin Sans FB;
    color: #333333;
  }

  .container .product-detail .processbox .process-list .item .time .year {
    color: #868686;
    font-size: 0.64172rem;
  }

  .container .product-detail .processbox .process-list .item .icon img {
    width: 1.06953rem;
    height: 1.06953rem;
  }

  .container .product-detail .processbox .process-list .item .dec {
    background: #ffffff;
    box-shadow: 0px 0px 0.53477rem 0px rgba(0, 0, 0, 0.1);
    border-radius: 0.42781rem;
    padding: 0.89128rem 0.74867rem;
    box-sizing: border-box;
    width: 16.22127rem;
    font-size: 0.71302rem;
    font-weight: 500;
    color: #333333;
  }

  .container .product-detail .processbox .process-btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5.81113rem;
    background: linear-gradient(
      0deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.2) 100%
    );
  }

  .container .product-detail .processbox .process-btn a {
    display: block;
    position: absolute;
    bottom: 0.71302rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.78432rem;
    font-weight: 500;
    color: #ca0915;
    background: url("../images/arrow-bottom-red.png") no-repeat right center;
    background-size: 0.78432rem auto;
    padding-right: 1.17649rem;
  }

  .container .product-detail .storybox {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3.2086rem;
  }

  /* 
  .container .product-detail .storybox .prduct-title {
    margin-left: 2.28167rem;
  } */

  .container .product-detail .storybox .swiper-box {
    display: none;
  }

  .container .product-detail .storybox .swiper-box-m {
    display: block;
    margin-top: 1.56865rem;
  }

  .container .product-detail .storybox .swiper-box-m .swiper {
    position: relative;
    overflow: hidden;
  }

  .container .product-detail .storybox .swiper-box-m .swiper .swiper-wrapper {
    padding-left: 2.31732rem;
    height: 21.39068rem;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide {
    opacity: 0.4;
    margin-right: 1.6756rem;
    height: 21.39068rem;
    left: 55px;
    width: 14.33176rem;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide
    .photo {
    margin-top: 0.92693rem;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide
    .photo
    img {
    width: 8.41367rem;
    height: 14.58131rem;
    border-radius: 0.89128rem;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide
    .name {
    font-size: 0.85563rem;
    font-family: PingFang SC;
    font-weight: 500;
    color: #181818;
    line-height: 1.28344rem;
    width: 14.33176rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: none;
    margin-top: 1.06953rem;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-prev {
    opacity: 0.4 !important;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active {
    width: 14.33176rem;
    opacity: 1;
    left: 55px;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .photo {
    margin-top: 0;
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .photo
    img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.89128rem;
    object-fit: cover;
    object-position: center;
    clip: rect(0px, 200px, 213px, 0px);
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-wrapper
    .swiper-slide.swiper-slide-active
    .name {
    display: -webkit-box;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-pagination {
    bottom: 0;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet {
    width: 0.71302rem;
    height: 0.35651rem;
    opacity: 1;
    margin: 0 0.42781rem;
    position: relative;
    background: #d2d2d2;
    border-radius: 0%;
    display: none;
  }

  .container
    .product-detail
    .storybox
    .swiper-box-m
    .swiper
    .swiper-pagination
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.71302rem;
    height: 0.35651rem;
    background: #e5002b;
  }

  .container .product-detail .contributionbox {
    width: 21.8898rem;
    height: 13.61873rem;
    background: url("../images/contribution-bg-m.png") no-repeat center;
    background-size: cover;
    padding-top: 2.13907rem;
    padding-left: 1.4617rem;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1.42605rem;
  }

  .container .product-detail .contributionbox .tt {
    font-size: 1.21214rem;
    color: #ffffff;
    margin-bottom: 4.27814rem;
  }

  .container .product-detail .contributionbox .money {
    font-size: 2.13907rem;
    font-family: DIN;
    font-weight: 500;
    color: #ffffff;
  }

  .container .product-detail .contributionbox .tosubmit {
    display: none;
  }

  .container .product-detail .mobile-tosumbit {
    display: block;
  }

  .container .product-detail .mobile-tosumbit a {
    display: block;
    width: 21.10547rem;
    margin: 0 auto;
    height: 2.85209rem;
    background: #ca0915;
    border-radius: 1.42605rem;
    font-size: 0.99823rem;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    line-height: 2.85209rem;
    margin-bottom: 3.56511rem;
  }

  .container .product-detail .usagedetailsbox {
    width: 23.52975rem;
    margin-bottom: 3.56511rem;
  }

  .container .product-detail .usagedetailsbox .three {
    display: flex;
    padding-left: 0;
    margin-bottom: 0.89128rem;
    box-sizing: border-box;
    padding: 0 1.24779rem;
    margin-top: 1.78256rem;
  }

  .container .product-detail .usagedetailsbox .three .item {
    font-size: 0.71302rem;
    color: #8f8f8f;
    text-align: center;
  }

  .container .product-detail .usagedetailsbox .three .item:first-child {
    width: 5.70418rem;
  }

  .container .product-detail .usagedetailsbox .three .item:nth-child(2) {
    width: 4.27814rem;
  }

  .container .product-detail .usagedetailsbox .three .item:nth-child(3) {
    width: 11.05185rem;
  }

  .container .product-detail .usagedetailsbox .box {
    background: #ffffff;
    box-shadow: 0px 0px 0.53477rem 0px rgba(0, 0, 0, 0.1);
    border-radius: 0.60607rem;
    padding: 1.42605rem 1.24779rem;
    box-sizing: border-box;
    position: relative;
  }

  .container .product-detail .usagedetailsbox .box ul li {
    display: flex;
    margin-bottom: 1.06953rem;
  }

  .container .product-detail .usagedetailsbox .box ul li .time {
    font-size: 0.71302rem;
    color: #333333;
    width: 5.70418rem;
    text-align: center;
  }

  .container .product-detail .usagedetailsbox .box ul li .money {
    font-size: 0.71302rem;
    color: #333333;
    width: 4.27814rem;
    text-align: center;
  }

  .container .product-detail .usagedetailsbox .box ul li .dec {
    font-size: 0.71302rem;
    color: #333333;
    text-align: center;
    width: 11.05185rem;
  }

  .container .product-detail .usagedetailsbox .box ul.height {
    height: 8.55627rem;
    overflow: hidden;
  }

  .container .product-detail .usagedetailsbox .box .usagedetails-btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5.81113rem;
    background: linear-gradient(
      0deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0.2) 100%
    );
  }

  .container .product-detail .usagedetailsbox .box .usagedetails-btn a {
    display: block;
    position: absolute;
    bottom: 0.71302rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.78432rem;
    font-weight: 500;
    color: #ca0915;
    background: url("../images/arrow-bottom-red.png") no-repeat right center;
    background-size: 0.78432rem auto;
    padding-right: 1.17649rem;
  }

  .container .pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 3.03035rem;
    margin-top: 3.38686rem;
  }

  .container .m-style span {
    float: left;
    margin: 0 0.35651rem;
    width: 1.78256rem;
    height: 1.78256rem;
    line-height: 1.78256rem;
    color: #666;
    font-size: 0.78432rem;
    border-radius: 0.35651rem;
  }

  .container .m-style .active {
    float: left;
    margin: 0 0.35651rem;
    width: 1.78256rem;
    height: 1.78256rem;
    line-height: 1.78256rem;
    background: #da2419;
    color: #fff;
    font-size: 0.78432rem;
    border: 1px solid #da2419;
    border-radius: 0.35651rem;
  }

  .container .m-style a {
    float: left;
    margin: 0 0.25651rem;
    width: 1.78256rem;
    height: 1.78256rem;
    line-height: 1.78256rem;
    background: #fff;
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 0.78432rem;
    border-radius: 0.35651rem;
  }

  .m-style .active {
    padding-left: 4px;
    padding-right: 4px;
  }

  .m-style a {
    padding-left: 4px;
    padding-right: 4px;
  }

  .container .m-style a:hover {
    color: #fff;
    background: #da2419;
  }

  .footer {
    width: 100%;
    background: #eee;
    /* background-color: #fff; */
    padding: 1.533rem 1.14084rem 1.24779rem 1.14084rem;
    box-sizing: border-box;
    /* margin-top: 1.533rem; */
  }

  .footer .wrap {
    width: 24.45668rem;
    display: block;
  }

  .footer .wrap .left {
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.533rem;
    border-bottom: 1px solid #494949;
  }

  .footer .wrap .left .logo {
    margin-bottom: 0;
  }

  .footer .wrap .left .logo a img {
    width: 11rem;
    height: 2.56688rem;
  }

  .footer .wrap .left .three-icon {
    display: flex;
  }

  .footer .wrap .left .three-icon .item {
    margin-right: 1.24779rem;
  }

  .footer .wrap .left .three-icon .item:last-child {
    margin-right: 0;
  }

  .footer .wrap .left .three-icon .item a img {
    width: 1.99646rem;
    height: 1.99646rem;
  }

  .footer .wrap .right {
    flex: auto;
  }

  .footer .wrap .right .footer-nav {
    display: none;
  }

  .footer .wrap .right .info {
    border-bottom: 1px solid #494949;
  }

  .footer .wrap .right .info .phone {
    font-size: 0.71302rem;
    color: black;
    background: url("../images/contact-02.png") no-repeat left 0.71302rem;
    background-size: 0.85563rem auto;
    line-height: 1.85386rem;
    padding-left: 1.24779rem;
    margin-bottom: 0;
  }

  .footer .wrap .right .info .two {
    display: flex;
    /* margin-bottom: 1.24779rem; */
    justify-content: space-between;
  }

  .footer .wrap .right .info .two .item {
    font-size: 0.71302rem;
    color: black;
    padding-left: 1.24779rem;
    line-height: 1.85386rem;
  }

  .footer .wrap .right .info .two .item.email {
    background: url("../images/contact-04.png") no-repeat left center;
    background-size: 0.85563rem auto;
  }

  .footer .wrap .right .info .two .item.address {
    background: url("../images/contact-01.png") no-repeat left center;
    background-size: 0.85563rem auto;
    margin-left: 0;
  }

  .footer .wrap .right .copyright {
    font-size: 0.71302rem;
    color: #ababab;
    text-align: center;
    margin-top: 1.06953rem;
  }

  .popup {
    position: fixed;
    left: 0;
    top: 0;
    background: #fff;
    width: 100%;
    height: 100vh;
    z-index: 99;
    display: none;
    flex-direction: column;
  }

  .popup .header-m {
    height: 3.92162rem;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    padding: 0 1.10519rem;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0px 0px 0.35651rem 0px rgba(0, 0, 0, 0.1);
  }

  .popup .header-m .logo h1 a img {
    width: 9.23364rem;
    height: 2.56688rem;
  }

  .popup .header-m .closed {
    width: 1.35474rem;
    height: 1.35474rem;
    background: url("../images/closed-icon.png") no-repeat center;
    background-size: cover;
  }

  .popup .menu-m {
    flex: 1;
    width: 23.52975rem;
    margin: 0 auto;
    overflow-y: auto;
  }

  .popup .menu-m ul li {
    border-bottom: 1px solid #e3e3e3;
    padding: 2.24602rem 0;
  }

  .popup .menu-m ul li a {
    display: block;
    font-size: 1.21214rem;
    color: #333333;
    padding-left: 1.17649rem;
    box-sizing: border-box;
  }

  .popup .menu-m ul li a.one {
    background: url("../images/arrow-right-m.png") no-repeat right center;
    background-size: 0.71302rem auto;
  }

  .popup .menu-m ul li a.one.active {
    background: url("../images/arrow-bottom-m.png") no-repeat right center;
    background-size: 1.14084rem auto;
  }

  .popup .menu-m ul li .twomenu {
    display: none;
    margin-top: 1.06953rem;
  }

  .popup .menu-m ul li .twomenu .item a {
    padding: 1.06953rem 0;
    font-size: 0.99823rem;
    color: #333333;
    padding-left: 2.35297rem;
  }

  .fixed-code {
    display: none;
  }
}